<template>
	<view class="deal-message">
		<view class="deal">
			<view class="header">
				<view class="title">
					{{people.title}}
				</view>
				<view class="time">
					{{people.time}}
				</view>
			</view>
			<view class="detail">
				<image style="margin-right: 50rpx; margin-left: 30rpx;" src="../static/logo.png"></image>
				<view class="deal-message">
					<view class="linkman">
						<image src="../static/首页3_03.jpg"></image>
						联系人：{{people.name}}
					</view>
					<view class="address">
						<image src="../static/首页3_03-02.jpg"></image>
						{{people.address}}
					</view>
					<view class="status">
						<image src="../static/首页3_03-03.jpg"></image>
						交易状态:
						<view style="color: #ff0000;" class="temp">{{people.status}}</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
	
			}
		},
		props: {
			people: {
				type: Object,
				default: () => {}
			}
		}
	}
</script>
<style lang="scss" scoped>
	.deal-message{
		.deal {
			background: #FFFFFF;
			margin-bottom: 20rpx;
		
			.header {
				display: flex;
				border-bottom: solid 1px #969799;
				padding: 20rpx;
				margin: 0 20rpx;
				justify-content: space-between;
				.title {
					font-size: 34rpx;
				}
		
				.time {
					font-size: 34rpx;
				}
			}
		
			.detail {
				display: flex;
				margin: 20rpx;		
				image {
					width: 110rpx;
					height: 110rpx;
					margin-right: 20rpx;
					border-radius: 999rpx;
				}
		
				.deal-message {
					display: flex;
					flex-direction: column;
					font-size: 34rpx;		
					.linkman,
					.address,
					.status {
						display: flex;
		
						image {
							width: 50rpx;
							height: 50rpx;
						}
					}
				}
			}
		}
	}
</style>
